<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>箭头函数</title>
		<script>
			/* ES5的方法定义 */
			function fun01() {
				console.log('方法1')
			}
			var fun02 = function() {
				console.log('方法2')
			}
			fun01()
			fun02()
			/* ES6中的箭头函数 */
			/* ()代表形参列表 */
			/* =>代表function关键字 */
			/* {}代表方法体 */
			const fun03 = () => {console.log('方法3')}
			fun03()
			/* ======================= */
			/* 定义2个数相加求和的方法 */
			const sum = (a, b) => {
				// ...
				return a + b
			}
			console.log(sum(5, 8))
			/* 定义一个数，扩大2倍之后的结果方法 */
			/* 形参有且仅有一个的时候，可以省略形参的() */
			/* 等同于const fun04 = (a) => { return 2 * a } */
			/* 方法体中只有一行代码的时候，可以省略{}，自带return */
			const fun04 = a => 2 * a
			console.log(fun04(3)) // 6
			/* ============== */
			const fun05 = () => console.log('Hello JS')
			fun05()
			/* 定义匿名函数 */
			setTimeout(() => alert('箭头函数'), 3000)
		</script>
	</head>
	<body>
	</body>
</html>